// pages/like/like.js
var app = getApp()
var id;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    winHeight: '300',
    addfocus: true,
    addfocus1: false,
    movies: [
      { url: '../../images/details.png' },
      { url: '../../images/details.png' },
      { url: '../../images/details.png' },
      { url: '../../images/details.png' }
    ],
    list:[{
      'info': '中国画',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '油画',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '插画',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '水彩画',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '素描',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '速写',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '原创版画',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '漫画',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '摄影',
      'praise': 33,
      'hasChange': false
    },{
      'info': '装置艺术',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '行为艺术',
      'praise': 33,
      'hasChange': false
    }],
    list1: [{
      'info': '历史',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '宗教',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '故事',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '军事',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '风景',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '山水',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '城市',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '建筑',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '风俗',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '生活',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '家居',
      'praise': 33,
      'hasChange': false
    },
    {
      'info': '人物',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '人体',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '肖像',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '静物',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '植物',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '动物',
      'praise': 8,
      'hasChange': false
    }],
    list2: [{
      'info': '创意',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '清新',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '趣味',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '温馨',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '萌系',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '童真',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '暖色',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '冷色',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '黑白',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '大气',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '优雅',
      'praise': 33,
      'hasChange': false
    },
    {
      'info': '写意',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '另类',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '抽象',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '科幻',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '光影',
      'praise': 133,
      'hasChange': false
    },
    {
      'info': '冲击力',
      'praise': 0,
      'hasChange': false
    },
    {
      'info': '拼接',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '复古',
      'praise': 33,
      'hasChange': false
    }, {
      'info': '极简',
      'praise': 8,
      'hasChange': false
    },
    {
      'info': '写实',
      'praise': 33,
      'hasChange': false
    }],
    currentTab: 0
  },
  //滑动切换
  swiperTab: function (e) {
    var that = this;
    that.setData({
      currentTab: e.detail.current
    });
  },
  praiseThis: function (e) {
    var that = this;
    var index = e.currentTarget.dataset.curindex;
    console.log(this.data.list)
    if (this.data.list[index]) {
      var hasChange = this.data.list[index].hasChange;
      if (hasChange !== undefined) {
        var onum = this.data.list[index].praise;
        if (hasChange) {
          this.data.list[index].praise = (onum - 1);
          this.data.list[index].hasChange = false;
        } else {
          this.data.list[index].praise = (onum + 1);
          this.data.list[index].hasChange = true;
        }
        that.setData({
          list: that.data.list
        })
      }
    }
  },
  praiseThis1: function (e) {
    var that = this;
    var index = e.currentTarget.dataset.curindex;
    console.log(this.data.list1)
    if (this.data.list1[index]) {
      var hasChange = this.data.list1[index].hasChange;
      if (hasChange !== undefined) {
        var onum = this.data.list1[index].praise;
        if (hasChange) {
          this.data.list1[index].praise = (onum - 1);
          this.data.list1[index].hasChange = false;
        } else {
          this.data.list1[index].praise = (onum + 1);
          this.data.list1[index].hasChange = true;
        }
        that.setData({
          list1: that.data.list1
        })
      }
    }
  },
  praiseThis2: function (e) {
    var that = this;
    var index = e.currentTarget.dataset.curindex;
    console.log(this.data.list2)
    if (this.data.list2[index]) {
      var hasChange = this.data.list2[index].hasChange;
      if (hasChange !== undefined) {
        var onum = this.data.list2[index].praise;
        if (hasChange) {
          this.data.list2[index].praise = (onum - 1);
          this.data.list2[index].hasChange = false;
        } else {
          this.data.list2[index].praise = (onum + 1);
          this.data.list2[index].hasChange = true;
        }
        that.setData({
          list2: that.data.list2
        })
      }
    }
  },
  //点击切换
  clickTab: function (e) {
    var that = this;
    if (this.data.currentTab === e.target.dataset.current) {
      return false;
    } else {
      that.setData({
        currentTab: e.target.dataset.current
      })
    }
  }, 
  choseTxtColor: function (e) {
    var id = e.currentTarget.dataset.id;  //获取自定义的ID值
    this.setData({
      id: id
    })
  },


  goDetails: function (e) {
    console.log(e.currentTarget.dataset.url);
    wx.navigateTo({
      url: e.currentTarget.dataset.url
    })
  },
  addFocus: function () {
    this.setData({
      addfocus: false,
      addfocus1: true,
    })
    wx.showToast({
      title: '关注成功',
      icon: "none",
      duration: 1500,
      mask: true
    })
  },
  addFocus1: function () {
    this.setData({
      addfocus: true,
      addfocus1: false,
    })
    // wx.showToast({
    //   title: '取消关注',
    //   icon: "none",
    //   duration: 1500,
    //   mask: true
    // })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})